<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本样式练习</title>
</head>
<!-- 外部样式表使用 -->
<link rel="stylesheet" href="style.css">
<style>
    div {
        /* color: brown; */
        /* color: #e01212; */
        color: rgb(200, 0, 0);
        /* center：居中对其 */
        text-align: center;
        /* none：默认 underline：下划线 overline:上划线 line-through：删除线 */
        text-decoration: underline;
        /* 首行缩进 em: 当前元素一个文字的距离*/
        text-indent: 2em;
        /* 行间距 */
        line-height: 1.5em;
    }

    a {
        text-decoration: none;
    }
</style>

<body>
    <h4>快速生成html标签</h4>
    <div>1、生成标签，直接输如标签名按tab键即可，比如div 然后tab键，就可以生成 div标签</div>
    <div>2、如果想要生成多个相同的标签，加上 * 就可以了，比如 div*3 就可以快速生成3个 div标签</div>
    <div>3、如果有父子关系的标签，可以用 > ,比如 ul>li就可以了</div>
    <div>4、如果有兄弟关系的标签，用 + 就可以了，比如：div+p</div>
    <div>5、如果生成带有类名或者id名字的，直接写 .demo 或者#tab键就可以了</div>
    <div>6、如果生成的div类名是有顺序的，可以用自增符号 $</div>
    <div>7、如果想要在生成的标签内部写内容可以用{表}</div>

    <h4>快速生成css标签</h4>
    <a href="#">你好</a>

    <div>
        抛开宿命缠绕
        画一条轨道
        伴我逍遥去走一遭
        山外还有山比山高
        半山腰
        一声惊雷摇晃树梢
        人外还有人忘不掉
        你怀抱
        夜夜都是魂牵梦绕

        爱恨情仇都付谈笑
        多寂寥
        星辰变换诛仙桀骜

        引无数英雄竞折腰
        江山多娇
        封印魂魄于我剑鞘
        一声咆哮

        风声飘飘雨也潇潇
        夜半还睡不着
        忧伤怀抱谁眼泪掉
        窗外雨打芭蕉

        漫天繁星闪耀
        人儿痴痴笑
        不管来世只看今朝

        抛开宿命缠绕
        画一条轨道
        伴我逍遥去走一遭

        山外还有山比山高
        半山腰
        一声惊雷摇晃树梢

        人外还有人忘不掉
        你怀抱
        夜夜都是魂牵梦绕

        爱恨情仇都付谈笑
        多寂寥
        星辰变换诛仙桀骜

        引无数英雄竞折腰
        江山多娇
        封印魂魄于我剑鞘
        一声咆哮

        山外还有山比山高
        半山腰
        一声惊雷摇晃树梢

        人外还有人忘不掉
        你怀抱
        夜夜都是魂牵梦绕

        爱恨情仇都付谈笑
        多寂寥
        星辰变换诛仙桀骜

        引无数英雄竞折腰
        江山多娇
        封印魂魄于我剑鞘
        一声咆哮
    </div>
</body>

</html>